Vue 安装环境创建项目

vue 是一个单页面框架,基于模块化组件化的开发模式。

搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install  --global vue-cli(慢)或者cnpm install  --global vue-cli(快)

创建项目,vue init webpack  vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目)

1、你的名字是vuedemo01么  2、你的项目的描述是什么  3、作者是什么  4、vuebulid(回车) 5、是否安装vue router (安装或者不安装都可以)  6、ESlint   不建议安装(一个代码检测错误的工具)  7、剩下的全部安装创建

或者用vue init webpack-simple  vuedemo01(创建起来更简单)

1、你的名字是vuedemo01么  2、你的项目的描述是什么  3、作者是什么  4、license(回车)  5、是不是用sass    

然后cd到对应的项目中,安装依赖,cnpm install 或者 cpm install   //如果创建项目的过程中没有报错可以忽略

npm run dev 运行项目

cnpm  淘宝镜像  可以去网上搜索安装方式进行安装    主要作用:下载包的速度更快一些

项目运行完成后显示localhost:****  项目运行的模拟域名,默认可以直接打开浏览器,也可以手动输入

然后用编译器打开项目文件进行编辑  如果编译器没有提示可搜索安装vue扩展工具

猜你喜欢

转载自www.cnblogs.com/1711643472qq/p/9117127.html