vue-cli

vue-cli

vue-cli是官方提供的一个脚手架,用于快速生成vue项目模板


一、安装node.js

安装好后可在cmd中输出node -v/npm -v查看

安装node.js淘宝镜像加速器:npm intstall cnmp -g
下载好可在C:\Users\my computer\AppData\Roaming中查看

image
(其中AppData文件夹需要勾上隐藏项目)

二、安装vue-cli

在cmd中输入cnpm install vue-cli -g

image


安装后可在C:\Users\my computer\AppData\Roaming\npm\node_modules中看见刚才所下载的文件夹

image


vue list可以查看基于哪些模板可以创建vue应用程序

image

三、创建vue项目

在cmd中输入 vue init webpack myvue 其中myvue是文件名

image


image


创建完毕可在文件夹中看见
image


四、初始化并运行

在cmd中输入:

cd myvue

npm install

npm run dev

image


当更改 <template> </template>中的内容重新运行时,
在idea的终端输入npm run dev,但需要打开idea的管理员权限

image


image


image

posted @ 2023-01-04 19:35  原语  阅读(32)  评论(0编辑  收藏  举报