码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 安装环境创建项目

时间:2018-05-31 16:12:41      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:是什么   页面   检测   命名   cal   simple   没有   淘宝   模式   

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扩展工具

Vue 安装环境创建项目

标签:是什么   页面   检测   命名   cal   simple   没有   淘宝   模式   

原文地址:https://www.cnblogs.com/1711643472qq/p/9117127.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!