Node.js下载地址
点我下载node.js
进入下载页面,建议选择长期维护版,更加稳定,存在的未知bug较少。能避免新人少踩坑。
下载安装Node.js
双击node程序,一路默认安装即可,选择程序安装路径。 程序安装路径:(C:\Node_JS)
配置用户环境变量
配置系统path环境变量
测试Node.js是否安装成功
在命令界面输入:
node -v
npm -v
出现如下信息则安装成功!
设置淘宝镜像库,加快库文件安装速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装webpack
cnpm install -g webpack
安装vue-cli脚手架构建工具
cnpm install -g vue-cli
构建并初始化项目
输入如下命令后会在根目录下生成项目名称为vuecmp文件,然后接着会有描述、作者等信息,可以设置自己需要的信息,或者直接回车默认。此时基于webpack的项目就构建完成。
vue init webpack vuecmp
以上命令会生成项目名称为vuecmp的文件项目,里面有一个package.json文件,里面包含了所需要的依赖的资源,接下来就是需要安装这些依赖。
安装依赖
cd进入刚才生成的项目根目录中:例如我的为:
cd C:\Users\xiexianxin\vuecmp
接着执行命令安装
cnpm install
运行项目
npm run dev
出现如上所示则运行成功,复制运行地址到浏览器加载: 成功!!!
IDEA配置VUE开发环境
安装vue插件: 配置js版本为6+: 配置运行环境: 点击项目运行: 截至vue开发环境已全部结束,谢谢大家的支持。 学习永无止境!
|