vue.js环境构建：
1. 安装node.js
官方网站地址： https://nodejs.org/en/((最好安装最新版的node.js ) )。
2. 安装node.js
注意：在安装Node.js前，先cmd（命令提示符）运行“nodev”查看是否已经有Node.js版本，若有，则请先卸载或删除。
Node.js的安装很简单。 请按照提示点“Next”选择安装位置。 (建议不要安装系统磁盘。 ）
3. npm安装
打开cmd并进行安装。 在此选择淘宝NPM镜像进行下载安装。 (淘宝NPM后视镜是国产的，速度更快，没有其他理由，详情请访问https://npm.taobao.org/。 ）
输入命令：npm install -g cnpm--registry=https://registry.npm.taobao.org-g表示全局安装
安装成功后，只要检查版本，就可以使用cnpm -v 、node -v等
4.vue-cli安装
命令行为cnpm install -g vue-cli
5. 查看vue信息
6. 创建项目
创建一个文件夹，如MyVue文件夹，并在cmd命令行中将其置于此文件夹下(CD :workspace _ webstormwe B- cus-vue )
创建项目，命令：vue init webpack my-vue
# vue-CLI $ cnpminstall--全局安装vue-CLI #以创建基于web包模板的新项目$ vue init web包my-project # 默认情况下为thiswillinstallvue2. xversionofthetemplate.for vue1. xuse : vueinitwebpack # 1.0 my-project？ 项目名称my -项目？ projectdescriptionavue.js project？ Author runoob test@runoob.com？ Vue构建标准版？ Use ESLint to lint your code？ 是吗？ pick an eslint预设标准？ Setup unit tests with Karma Mocha？ 是吗？ Setup e2e tests with Nightwatch？ ys vue-CLIgenerated ' my-project '.to get started : cdmy-projectnpminstallnpmrundevdocumentationcanbefoundat https://vuuuuundat
//vue-CLI2. x.x版指定版本//安装所有版本，然后单击node和web pack///NPM安装- gvue-CLI @2. x.x//vue-CLI 从vue-cli卸载@ vue/CLI//NPM install-g @ vue/CLI//vue-CLI3. x.x版本的软件包名称为3.0级或更高级别基于webpack模板的新项目////vue init webpack my-project////然后是出现这些问题的//Project name项目名称(项目说明(单vue (可以自由输入简要说明，不使用///直接返回滑架((enter键)///author(sunSanfeng ) )； 作者(sunsanfeng )。 (确认按enter，否n (按(按enter )//vuebuild(usearrowkeys ) runtime compiler : recommendedformostusersruntime-) abous but templates (oranyvue-specific html ) areonlyallowedin//.vue files-renderfunctionsarerequiredelsewhere； 成立Vue公司(使用箭头键)运行时篇(//)翻译器)大多数用户推荐运行时)约6kb的轻民gzip，但只允许模板(或任何Vue具体HTML )。 VUE文件的渲染///功能是其他需要的位置。 (按enter键(//////Install vue-router？ (Y/n； 安装的路线？ (Y/n )。 (安可不安，建议安装。 因为项目一定可以使用(//(选择y )////Use ESLint to lint your code？ (Y/n； 是否使用ESlint语法？ (Y/n )。 (要使用ESLint语法，必须做好心理///准备。 除非你很了解ESLint语法，否则到处报告错误。 n ) (n )///setup unit tests with karma mocha？ (Y/n； 单元测试的设定？ (Y/n )。 (n )////setup e2e tests with night watch？ (Y/n； Nightwatch是否要创建端到端测试？ (Y/n )。 (n )//shouldwer un‘NPM安装’foryouaftertheogjecthasbeencreated？ 选择(Yes，use ////NPM ) (按enter键)///依赖于安装////cdmy-project//NPM install///npmrundev http://www .
然后打开浏览器进行访问。7. 运行项目输入上述网址
然后打开文件夹时，会发现以下文件夹，但这些文件夹是做什么的呢？ 接下来往下看
vue目录介绍
包括build项目生成(webpack )相关代码config配置目录、端口号等。 我们可以让初学者使用默认的东西。 由node_modulesnpm加载的项目相关模块src这里是我们要开发的目录，基本上要做的一切都在这个目录中。 里面包含几个目录和文件。 assets:放置了徽标等照片。 components:目录包含组件文件，您可以不用它。 App.vue:项目门户文件。 也可以不使用components目录而直接将组件写在这里。 main.js:项目的核心文件。 静态静态静态资源目录，如照片、字体等。 test初始测试目录、可删除. xxxx文件这些是语法配置、git配置等配置文件。 这是index.html首页的门户文件。 可以添加元信息、统计代码等。 package.json项目配置文件。 自述. MD项目说明文件，markdown格式8 .总结多练多记也不错。 我以前不记得这些操作，现在也不要记得。 创建时报告错误需要查看百度、博客。 我很难！