安装框架
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
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/
访问
到这里,应用创建就完成了