VUE项目创建
vue项目的创建分为两步,环境的安装和项目的初始化
环境安装
nodejs安装
vue依赖于nodejs,所以首先要进行nodejs的安装。
选择一个版本进行下载,等待下载完成之后双击安装,一路下一步即可。
安装完成之后,打开cmd窗口,输入
node -v
和
npm -v
出现如下显示代表nodejs安装成功。
建议执行一下
npm install -g npm
将npm的版本升级到最新。
如果说在后续使用中发现npm install命令进行安装插件的时候速度非常慢,那可以随意打开一个cmd窗口,然后输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
,这样在后续需要执行install的时候用cnpm代替npm,即cnpm install xxx
到此vue项目创建的环境已经搭建完成,接下来进行项目的初始化。
打开你要创建项目的文件夹,在文件夹地址栏输入cmd,进入cmd窗口,以我电脑上F:\demo为例
vue-cli安装
npm install vue-cli -g
项目初始化
执行
vue init webpack “vue_demo”
如果只是想单纯看一下效果,直接在当前页面执行
cd vue_demo
npm install
npm run dev
或者
cd vue_demo
cnpm install
cnpm run dev
等到出现如下图显示的时候,项目初始化完成。
附上vue官网,开发时候都能用得到 VUE官网
共有 0 条评论