-
nodejs官网http://nodejs.cn/下载安装包，无特殊要求可本地傻瓜式安装，这里选择2017-5-2发布的 v6.10.3
image -
cmd命令行：
node -v //显示node版本 v6.10.3
npm -v //显示npm包管理器版本 3.10.10image -
由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpmimage
-
Cmd命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
用cnpm是有必要的，因为我有用npm搭建不了vue项目的时候，结果换了cnpm就好了的
imageimage -
安装vue-cli脚手架构建工具（这部操作感觉是会话级的）image
****
-
至此，我们需要的环境及工具已经准备好了。
接下来，我们使用vue-cli来构建项目。
-
首先，我们先选择进入到e我们的工作目录为 （cd ‘文件名’）E:\个人\VueJS。此目录需先建好，目前是空的，这个工作目录以后会添加各个项目目录。image
在VueJs目录下，运行命令vue init webpack firstVue。其中，webpack是构建工具、模块打包器，也就是整个项目是基于webpack的。其中，firstVue是项目文件夹的名称，这个文件夹会自动生成在vuejs这个工作目录中。
-
image
安装过程中，需要我们输入项目名称，描述，作者，版本（独立版）,使用ESLint规范等等，此时，我们看到工作目录下已经自动生成了目录firstVue,如下图。
- image
主要用的包都在package.json中，如下图
- image
cd到我们的项目文件夹firstVue中，运行命令cnpm install 安装包,(注意：我们已经使用淘宝镜像cnpm)
- image
安装完之后，我们发现项目文件夹下多了一个node_modules目录，里面就是项目依赖包资源
- image
安装完依赖包之后，就可以运行整个项目了。 运行项目在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
- image
- image
如果启动过程中出现下方问题，只需要将config目录下的index.js文件中dev端口由8080改为8088
- image
- image
vue项目建立--零入npm和nodejs
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
