安装vue环境

1.首先安装node.js，去官网https://nodejs.org/zh-cn/下载安装包

node -v                                                                                       打开cmd   可以查看node版本           

2.npm install webpack –g                                                           安装webpack打包工具

npm install -g cnpm --registry=https://registry.npm.taobao.org         使用npm太慢可以使用淘宝镜像cnpm  安装会很快速

3.npm install -g vue-cli                                                               安装vue 的脚手架

4.vue init  webpack wy                                                                wy为自己的项目名字

5.npm install                                                                                安装node_modules依赖的代码库

 

------------------------------------------分割线---------------------------------------------

 

1.cd sell                                                                                       进入目录

2.vue list                                                                                      看一下安装完没

3.npm run dev                                                                             执行

4.ctrl+c                                                                                        终止

 

 

---------------------------------------------------------------------------------------分割线-----------------------------------------------------------------------------------

 

 

 

vue目录下都是些什么？

 

一级目录

build 和 config      是webpack 配制相关

nodel_modules    是npm install安装的依赖代码库

src                       是存放项目源码的

static                   是第三方静态资源

 

目录下的文件

.babelrc：          通过babelrc把es6 编译成es5 此文件是一些配置

                           presets:预设

                           plugis:把es6的方法做转换

                           comments:false

.editorconfig：   编辑器里的配制

.eslintrc.js ：     selintr 的配制文件

.gitnore ：         git 仓库

index.html：      html的入口文件，引用的文件会在编译过程中自动插入进来

readme.md：    项目的描边文件

main.js：           入口js

 

项目目录 src:

main.js：           入口文件

app.vue：         整个项目的vue实例文件

components：  存放组件文件，比如header

assets：           不需要就可以删掉

common：        公共的资源和组件      

                          font  字体格式

                           js

                          stylus css 预处理（icon.styl）其语法和css一样就是括号和分号删掉 

 

 

 

 

 

 

 

             

 

转载于:https://www.cnblogs.com/sun927/p/8244779.html