第一步:安装node.js包,官网下载,安装过程一直next(傻瓜式操作)

安装路径:https://npm.taobao.org/mirror... #淘宝镜像链接

查看安装的版本指令:node -v

包管理器的版本: npm -v

启动服务:node node-server.js
关闭:Ctrl+C

第二步:安装cnpm镜像

直接使用淘宝镜像命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
查看安装的版本:cnpm -v

第三部:脚手架安装

npm install vue-cli -g
验证版本号:vue --version

创建vue项目

(1)进入工作空间
(2)生成vue项目:vue init webpack pj #pj是项目名称不能大写

image.png
Project Name 项目名称,默认,回车
Project description 默认,回车
Author chenzs 作者
vue build 默认,回车
install vue-router? 是否安装router,输入:y 安装
Use ESLint to lint your code? 规则引擎,过于严苛,输入:n
Setup unit tests? 单元测试,输入:n
Setup e2e tests with Nightwatch(Y/n)? 测试框架Nightwatch,输入:n
Should we run 'npm install' for
you after the project has been created? 默认npm,回车
image.png
(3)进入项目目录
(4)启动项目:npm run dev
(5)访问:地址和端口号会生成

(6)项目打包:npm run build
注:vue中需改成本地
image.png

完成!


Jame
13 声望1 粉丝

专注技术开发、自动化办公脚本、数据处理、数据爬取...Wecat:W13611455764