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官网

 

 

版权声明:
作者:南京扛把子
链接:https://82os.com/?p=31
来源:秃头秘籍
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>