安装框架
pn install vue@latest
安装效果
PS D:\DATA\git\gitee\vue\StepVue> pn install vue@latest
WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
Packages: +25
+++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
Content-addressable store is at: D:\.pnpm-store\v3
Virtual store is at: node_modules/.pnpm
Progress: resolved 25, reused 13, downloaded 12, added 25, done
dependencies:
+ vue 3.2.47
Done in 13.6s
PS D:\DATA\git\gitee\vue\StepVue>
创建应用
语法
npm init vite-app <project-name>
演示
npm init vite-app step
效果
PS D:\DATA\git\gitee\vue\StepVue> npm init vite-app step
Scaffolding project in D:\DATA\git\gitee\vue\StepVue\step...
Done. Now run:
cd step
npm install (or `yarn`)
npm run dev (or `yarn dev`)
PS D:\DATA\git\gitee\vue\StepVue>
然后根据提示依次执行
根据前面的内容,这里的npm
改为pn
VUE3入门第二篇:安装pnpm
cd .\step\
pn install
pn run dev
效果如下
PS D:\DATA\git\gitee\vue\StepVue> cd .\step\
PS D:\DATA\git\gitee\vue\StepVue\step> pn install
WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
Packages: +300
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
Content-addressable store is at: D:\.pnpm-store\v3
Virtual store is at: node_modules/.pnpm
Progress: resolved 301, reused 300, downloaded 0, added 300, done
dependencies:
+ vue 3.0.4 (3.2.47 is available)
devDependencies:
+ @vue/compiler-sfc 3.0.4 (3.2.47 is available)
+ vite 1.0.0-rc.13 (4.1.4 is available)
Done in 15.1s
PS D:\DATA\git\gitee\vue\StepVue\step> pn run dev
> step@0.0.0 dev D:\DATA\git\gitee\vue\StepVue\step
> vite
[vite] Optimizable dependencies detected:
vue
Dev server running at:
> Network: http://10.1.1.18:3000/
> Local: http://localhost:3000/
> Network: http://172.22.208.1:3000/
访问
![在这里插入图片描述](https://img-blog.csdnimg.cn/4adb0f72660c4163be304b242b948b09.png)
到这里,应用创建就完成了
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)