vue2.0 项目搭建 和vue 2.0 electron 项目搭建

时间：2023-11-15 09:09:08
1.关于electron vue 项目的搭建 

 全局或者局部安装项目vue；

 脚手架指令生成；

npm install -g vue-cli

vue init simulatedgreg/electron-vue my-project

cd my-project

npm install

npm run dev
项目搭建成功；要单独安装 例如；text.node文件，webpack就不能编译；所以需要安装一个插件；node-loader
npm install node-loader -save-dev
vue init simulatedgreg/electron-vue my-project GitHub的地址：
https://simulatedgreg.gitbooks.io/electron-vue/content/en/
2、如何打包
在package.json文件下，看清楚
"build": "node tasks/release.js",

    "build:clean": "cross-env PLATFORM_TARGET=clean node tasks/release.js",

    "build:darwin": "cross-env PLATFORM_TARGET=darwin node tasks/release.js",

    "build:linux": "cross-env PLATFORM_TARGET=linux node tasks/release.js",

    "build:mas": "cross-env PLATFORM_TARGET=mas node tasks/release.js",

    "build:win32": "cross-env PLATFORM_TARGET=win32 node tasks/release.js",

Windows系统；使用 npm run build :win32 命令就可以打包了；打包的文件在builds 文件夹目录下面；

2.vue pc项目的官方推荐的；

cmd 的指令；

vue -help

ls 项目列表

cd f：进入f盘；

cd ../ 返回上一级的目录

注意最好使用： git bash下打开命令行； （前提提前安装git，这样在window下更清晰，其他系统勿扰）；

vue - V （注意此处是大写）查看vue的版本

vue -list 查看 官方提供的模板；

vue - help

1.首先全局安装vue-cli  npm install vue-vli -g

2、cd 进入目标盘 cd f;

3. vue init webpack vuedemo3  vuedemo3 是项目名称；初始化项目

注意 use esLint 最好 no；（因为严格模式，开发时候，容易出错，个人观点）

4.然后 ctrl + c  安装各种依赖 （注意进入package.json的目录下安装依赖，否则容易失败）

5.输入npm install 切记（安装完就可）出现node modules文件夹了，表示安装成功了；

6、npm run dev 是运行这个项目 可以热更新随时出现veiw中；

7、npm run build 出现一个dist的文件

8、dist文件下的。js 或者.map 是测试用的；

9、项目是在src目录下、main.js 是入口；

10、config是配置文件；是开发环境还是其他的环境；

11、export default {

  name: 'app'

} es6的用法

12、es6的语法data是组件，一个类的概念；防止互相引用的错误

data ： funtion （）{

return {}

}

相关文章