在创建一个Vue的新项目文件时,必须先安装Node跟npm:
第一步:下载node安装包,下载地址:http://nodejs.org/download/ ,下载完成后一路安装到结束 打开后分别输入:node-v,npm -v会显示当前已安装完成。在安装完成后需要注意的是在node.js的安装路径下,添加两个空文件夹 【node_global】及【node_cache】,创建够通过cmd命令行输入:
npm config set prefix "node_global;
npm config set cache "node_cache;
接着配置环境变量:“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”在【系统变量】下新建【NODE_PATH】,输入
【D:\soft\node\node_global\node_modules】
(这里是我的安装路径,个人根据自己的情况而定,下一步同理)
在【用户变量】下的【Path】修改为
【D:\soft\node\node_global】
跟着安装其他需要用到的环境:
npm install express -g
npm install jaden -g
npm install mysql -g
安装完这三个环境看一下experss 版本
命令行接着输入:express --version 查看版本,并确定是是否已经安装成功。现在可用express创建一个项目了(这里我就不介绍了)
第二步:这里我们需要利用命令行进行创建新的项目文件,首先输入:
npm install --global vue-cli(或者直接:npm install -g vue-cli)
注意:这里是为了把vue安装到node文件目录下,接着检查vue的安装版本:Vue -v(检查你安装的当前版本是多少)
第三步:利用前两步已经安装的环境以及Vue开始创建项目,通过命令行进入你想创建项目文件的目录,比如:C:,进入c盘后找到你新娘存放文件的下一级目录:cd study,回车进入study文件目录下:输入:
vue init webpack project(这里的project是你创建的文件名)
执行后需要你是输入相关信息,如图:
稍作等待创建,创建完成后在命令行输入
cd project (这里的project是你的创建的文件名)
进入工程项目文件,在命令行输入:
npm install(如果未安装依赖才执行这一步)然后输入:
npm run dev
运行新创建的项目,运行成功后 根据运行成功提示的路径在浏览器打开就显示完成了。
本文纯属原创;
分类:vue.js;