做网站最好选什么语言,百度域名服务器,wordpress 开源项目,微信定制开发小程序一、 node安装 1#xff09;如果不确定自己是否安装了node,可以在命令行工具内执行#xff1a; node -v #xff08;检查一下 版本#xff09;#xff1b; 2#xff09;如果 执行结果显示#xff1a; xx 不是内部命令#xff0c;说明你还没有安装node , node 安装地址… 一、 node安装 1如果不确定自己是否安装了node,可以在命令行工具内执行 node -v 检查一下 版本 2如果 执行结果显示 xx 不是内部命令说明你还没有安装node , node 安装地址http://nodejs.cn/download/ 注 安装 vue-cli 脚手架目前需要node版本为 v4.0 以上 二、 vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后 可以输入命令 vue 回车可以看到针对vue的命令行 三、初始化项目 执行命令 vue init webpack demo(你新建的项目名称/文件名称) 执行之后将会 自动初始化一个文件夹 demo 手动打开demo文件夹 可以看到 已经初始化好了 一个基本的项目 四、启动项目 npm run dev 启动项目 继续执行 cd demo (这是进入到demo文件夹的命令) 然后执行 安装 npm install 注 npm install 执行可以进行vue已经vue的插件安装在第三步的时候已经初始化了项目并且在 package.json 里面已经有相关配置所以在这里可以直接安装 安装完成之后再执行命令 npm run dev 整个项目就已经启动了 五、项目文件配置介绍 build 和 config 是关于webpack的配置里面包括一些server,和端口 node_modules: 安装依赖代码库 src : 存放源码 static存放第三方静态资源的static里面的.gitkeep如果为空也可以提交到gitHub上面正常情况下是不可以提交的。 .babelrc:把es6文件编译成es5 .babelrc文件{presets: [es2015, stage-2],//表示预设表示babelrc转换预先需要安装的插件plugins: [transform-runtime],//把es6的方法做转换comments: false //false表示转换后代码不生成注释
}.editorconfig编辑器的配置 .editorconfigcharset utf-8 //编码
indent_style space //缩进风格,基于空格做缩进
indent_size 2 //缩进大小是2格
end_of_line lf //换行符的风格
insert_final_newline true //当你创建一个文件会自动在文件末尾插入新行
trim_trailing_whitespace true //自动移除行尾多余空格 .eslintignore 忽略语法检查的目录文件 就是忽略对build/*.js和 config/*.js package.json : {name: demo,version: 1.0.0,description: demoApp,author: ,private: true,scripts: { /*表示可以执行一些命令例如npm run dev会执行node build/dev-server.jsnpm run build会执行node build/build.js因此可以通过scripts配置脚本*/dev: node build/dev-server.js,build: node build/build.js,lint: eslint --ext .js,.vue src},dependencies: { /*项目的依赖*/vue: ^2.2.2,vue-router: ^2.2.0},devDependencies: { //编译需要的依赖.......................},engines: {node: 4.0.0,npm: 3.0.0},browserslist: [ 1%,last 2 versions,not ie 8]
} 入口文件 index.html 和 main.js 转载于:https://www.cnblogs.com/yearshar/p/11412971.html
